import React, { FC } from "react";
import { Carousel } from 'antd';
import mineStyle from "./index.module.css"

interface propsType {
    name: string
}

const Mine: FC<propsType> = (props) => {
    function onChange() {
        console.log(123);
    }
    return (
        <div>
            <h1>个人中心</h1>
            <Carousel afterChange={onChange}>
                <div>
                    <h3 className={mineStyle["content-style"]}>1</h3>
                </div>
                <div>
                    <h3 className={mineStyle["content-style"]}>2</h3>
                </div>
                <div>
                    <h3 className={mineStyle["content-style"]}>3</h3>
                </div>
                <div>
                    <h3 className="content-style">4</h3>
                </div>
            </Carousel>
        </div>
    )
}


function MineRole() {
    return <Mine name="123" />
}

MineRole.wrappers = ["@/wrappers/auth"]

export default MineRole